<template>
  <div id="app">
    <h1>Vue路由中的精确匹配模式</h1>
    <router-link to="/" active-class="active" exact>首页</router-link> |
    <router-link to="/about" active-class="active">关于</router-link>
    <router-view></router-view>
  </div>
</template>

<script>
export default {};
</script>

<style>
#app {
  text-align: center;
}

#app a {
  font-weight: bold;
  color: #2c3e50;
}

#app a.active {
  color: #42b983;
}
</style>
